<template>

  <div>
    <h1>我是user界面</h1>
    <p>我是用户info嘿嘿嘿</p>
    <h2>欢迎:{{userId}}</h2>
    <!-- (有点像子拿父的data)怎么显示url地址栏最后的userId属性的值 params是?之前★★★的最后一个/":..."-->
    <h2>{{$route.params.id}}</h2>
    <button @click="btnclick">按钮</button>
  </div>
</template>

<script>
  export default {
    name: "User",
    computed:{
      userId(){
        //拿到当前浏览器地址栏显示的全部的路由(query是？之后的),在index.js的路由配置里面找userId属性
        return this.$route.params.id
      }
    },
    methods:{
      btnclick(){
        //new Router对象
         console.log( this.$router)  ;
         //当前活跃路由对象
         console.log( this.$route)  ;
      }
    },
    //创建组件时回调
    created() {
      console.log("created")
      // document.title = "User"
    }
  }
</script>

<style scoped>

</style>
